<template>
  <div>
    <div>
      <section class="color-1">
				<nav class="cl-effect-1">
					<a href="#">China</a>
					<a href="#">World</a>
				</nav>
			</section>
    </div>
      <!-- <GlobalTrend></GlobalTrend> -->
      <!-- <worldvariance></worldvariance> -->
      <worldtrend></worldtrend>
  </div>
</template>

<script>
import worldtrend from './WorldTrend.vue'
import worldvariance from './WorldVariance.vue'
import GlobalTrend from './GlobalTrend.vue';
import '../../static/css/component.css'
import '../../static/css/demo.css'
import '../../static/css/normalize.css'
import axios from 'axios'
import XLSX from 'xlsx'
import transformSheets from '../scripts/read_xlsx.js'
import china from './China.vue'
import world from './World.vue'
import chinatrend from './ChinaTrend.vue'
import cym from './ChinaYimiao.vue';
export default {

  methods:{
    getData(){
      axios.get('../../static/data/world_trend.xlsx',{responseType:'arraybuffer'})
      .then(res => {
        var data = new Uint8Array(res.data)
        var wb = XLSX.read(data,{type:"array"})
        var sheet1 = wb.Sheets
        var content = transformSheets(sheet1)
        // console.log(content[1][0])
      }).catch(err =>{
        console.log(err)
      })
    }
  },
  mounted() {
    this.getData()
  },
  components:{
    chinatrend,
    china,
    world,
    cym,
    GlobalTrend,
    worldvariance,
    worldtrend
  }
}
</script>

<style>
</style>